<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" />
    <title>freemarker简单示例</title>
    <!-- 添加CSS样式这里没生效。不知道啥原因 -->
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        h1 {
            color: #333;
        }
        /* 动态背景颜色的动画 */
        @keyframes background-color-change {
            0% { background-color: #ffcc00; }
            50% { background-color: #6699ff; }
            100% { background-color: #ffcc00; }
        }
        /* 应用动画到body元素 */
        body {
            animation: background-color-change 2s ease-in-out infinite;
        }
    </style>
</head>
<body>
<h1>Hello Freemarker</h1>
<div>My name is ${myname}</div>
<img src='https://i0.hdslb.com/bfs/face/b01fdf92a2ccc239c5713fd0fe37ae4e388eacb1.jpg@96w_96h' >
</body>
</html>
